<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/category.css" />
  </head>
  <body>
    <!-- 头部区域 -->
    <header class="mm-header">
      <div class="logo">
        <a href="javascript:;" title="慢慢买"
          ><img src="./images/header_logo.png"
        /></a>
      </div>
      <div class="appdown">
        <a href="javascript:;" title="手机app下载"
          ><img src="./images/header_app.png" alt="手机app下载"
        /></a>
      </div>
    </header>
    <!-- 搜索区域 -->
    <section class="mm-search">
      <input type="search" placeholder="请输入你想比价的商品" />
      <button>搜索</button>
    </section>

    <!-- 底部区域 -->
    <footer class="mm-footer">
      <ul class="clearfix">
        <li>登录</li>
        <li>注册</li>
        <li>
          <img
            src="http://www.zuyushop.com/wap/images/top.jpg"
            width="15"
            height="15"
          />
          返回顶部
        </li>
      </ul>
      <div class="footer">
        <p>
          <a href="javascript:;" style="color: Red;">手机APP下载</a>
          <a href="index.html">慢慢买手机版</a> -- 掌上比价平台
        </p>
        <p>m.manmanbuy.com</p>
      </div>
    </footer>
  </body>
</html>
